<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    @@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">分类管理</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i><span>刷新</span></a>
        </div>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="mx-box">
                <div class="mx-title"><h5 class="pl-15">数据列表</h5>
                    <div class="mx-title-right">
                        <a class="btn btn-default-outline radius" id="add_classify">添加</a>
                    </div>
                </div>
                <div class="mx-content">
                    <table class="table table-border table-bordered table-bg table-hover mt-10">
                        <thead>
                        <tr>
                            <!-- <th class="text-c" width="24"></th> -->
                            <th class="text-c" >编号</th>
                            <th class="text-c">分类名称</th>

                            <th class="text-c">专题数量</th>
                            <th class="text-c">是否显示</th>
                            <th class="text-c" width="60">分类排序</th>
                            <th class="text-c">操作</th>
                        </tr>
                        </thead>
                        <tbody id="List">
                            <!-- <tr>
                                <td>
                                    <div class="goods-checkbox">
                                        <div class="check-box">
                                            <input type="checkbox">
                                        </div>
                                    </div>
                                </td>
                                <td class="text-c">1</td>
                                <td class="text-c">常见问题</td>

                                <td class="text-c">10</td>
                                <td class="text-c">
                                    <span class="switch switch-on new" themeColor="#3498db"></span>
                                </td>
                                <td class="text-c"><input type="text" class="input-text"></td>
                                <td class="text-c">
                                    <a class="handle edit">编辑</a><a class="handle delete">删除</a>
                                </td>
                            </tr> -->

                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="8" style="border-right:none;">
                                <!-- <div class="l">
                                    <div class="goods-checkbox">
                                        <div class="check-box">
                                            <input type="checkbox" name="all">
                                        </div>
                                    </div>
                                    <label>全选</label>
                                <span class="select-box">
                                        <select class="select" id="checkBoxAll">
                                            <option value="" selected>批量操作</option>
                                            <option value="1">设为隐藏</option>
                                            <option value="2">设为显示</option>
                                            <option value="3">删除</option>

                                        </select>
                                </span>
                                    <button class="btn btn-primary" id="allSelectBtn">确定</button>
                                </div> -->
                                <div class="r" id="page">

                                </div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </article>
        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>
<!--弹窗-->
<div id="modal_classify" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content radius">
            <div class="modal-header">
                <h3 class="modal-title">添加分类</h3>
                <a class="close close_classify" data-dismiss="modal" aria-hidden="true">×</a>
            </div>
            <div class="modal-body overflow-hidden">
                <table class="table table-border-no vertical-top-31">
                    <tbody>
                    <tr>
                        <td width="20%" class="text-r"><span class="c-danger">*</span>类型名称：</td>
                        <td><input type="text" id="classifyName" class="input-text"></td>
                    </tr>
                    <tr>
                        <td width="20%" class="text-r" valign="top"><span class="c-danger">*</span>分类图标：</td>
                        <td style="position:relative;">
                            <span class="btn-upload form-group">
                                <input class="input-text upload-url radius" type="text" name="uploadfile-1" id="uploadfile-1" readonly><a class="btn btn-primary radius"><i class="Hui-iconfont Hui-iconfont-upload"></i> 浏览文件</a>
                                <form enctype="multipart/form-data" id="up_form1" style="position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0;">
                                    <input type="file" name="file" class="input-file" id="file_1" style="width: 23%; height: 100%;">
                                </form>
                            </span>
                            <p>只能上传jpg/png格式文件，文件不能超过50kb</p>
                        </td>
                    </tr>
                    <tr>
                        <td width="20%" class="text-r" valign="top">是否显示：</td>
                        <td><span class="switch switch-on " id="is_show" themeColor="#3498db"></span></td>
                    </tr>
                    </tbody>
                </table>

            </div>
            <div class="modal-footer">
                <button class="btn btn-primary radius" id="classify_yes">确定</button>
                <button class="btn radius close_classify" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--script 公用脚本-->
@@include('./widget/script.html')
<!--/script 公用脚本-->

<!--请在下方写此页面业务相关的脚本-->
<script src="./js/classify-manage.js"></script>
<!--/请在上方写此页面业务相关的脚本-->

</body>
</html>